//import 导入 意为 '导入 模块儿 从 react 模块儿导入'
import React,{ Component } from 'react';
import {
    AppRegistry, // 注册APP入口
    StyleSheet, //样式表组件
    Image,//添加Image组件
    Text, //文字组件,它里面只能放文字 类似于 span 标签
    View //结构组件,它类似于 div 标签
} from 'react-native';


//创建一个 MyApp 组件
class MyApp extends Component{
     //图片加载成功方法
    load(){
        alert('图片加载成功!');
    };
    //图片加载
    end(){
        alert('欢迎光临!');
    };

    render(){
        return(
            <View style={styles.wp}>
            <Image
             style={styles.img}
             resizeMode="contain"
             source={{uri:'http://365jia.cn/uploads/11/0225/4d671fb9ae69f.jpg'}}
              defaultSource = {require('./img/1.jpeg')
             }
             onLoad = {this.load}
             onLoadEnd = {this.end}
            />

         </View>
        )
    }
}

//创建一个自定义组件
class TxtView extends Component{

};

//设置样式
const styles = StyleSheet.create({
    img:{
        width:400,
        height:400

    },
    wp:{
        borderWidth:1,
        borderColor:'#f00',
        width:400,
        height:400,
        marginTop:40
    }
});


//注册app,其中 'myapp'是指工程名,'MyApp'是创建的组件名
AppRegistry.registerComponent('myapp', () => MyApp);